@media screen and (max-width: 700px) {
	.content {
		width: 90%;
	}
	nav {
		display: none!important;
	}
	.navigation {
		display: block;
	}
	.navbar-toggle {
		margin-top: 20px!important;
		border:1px solid!important;
	}
	button span {
		background: black;
	}
	body {
		width: 100%;
		margin: auto;
	}
	.logo {
	}
	.metro {
		width: 100%;
		float: none;
	}
	.slide {
		display: none!important;
	}
	.cot1 {
		width: 50%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		height: auto;
	}
	.cot1-1 {
		width: 100%;
		background-color: #8a3076;
		height: 250px;
		float: left;
		margin-bottom: 3px;
	}
	.cot1-2 {
		background: #1BA0E4;
		height: 137px;
		width: 49%;
		float: left;
	}
	.cot1-3 {
		float: left;
		margin-left: 1%;
		width: 50%;
		height: 137px;
		background: #DD2A2C;
	}



	.cot2 {
		width: 24%;
		float: left;
		margin: 0px -3px 0px 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.cot2-1 {
		height: 100px;
		background: #FFA931;
		margin-bottom: 3px;
	}
	.cot2-2 {
		height: 287px;
		background: #017F81;
	}



	.cot3 {
		width: 24%;
		float: left;
		margin: 0px -3px 0px 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.cot3-1 {
		background: #60AA45;
		height: 88px;
	}
	.cot3-2 {
		background: #DD2A2C;
		height: 100px;
		margin: 3px 0px;
	}
	.cot3-3 {
		background: #8A3076;
		height: 100px;
	}
	.cot3-4 {
		margin: 3px 0 0 0;
		background: #1BA0E4;
		height: 57px;
	}



	.cot4 {
		margin: 3px 0 0 0;
		width: 100%;
		height: 120px;
		background: #BC1E49;
		float: left;
	}
}